{include file="common/header" title="$title" keywords="开源WEB开发框架" /}
<div class="page-group">


    <div id="page-infinite-scroll-bottom" class="page page-current context">

        <!-- 你的html代码 -->
        <!-- 标题栏 -->
        <header class="bar bar-nav">
            <!--<a class="icon icon-me pull-left open-panel"></a>-->
            <h1 class="title">{$data.realname}</h1>
            <a class="icon icon-me pull-right open-panel" href="#" data-panel='#panel-left-demo'></a>
        </header>

        <!-- 添加 class infinite-scroll 和 data-distance  向下无限滚动可不加infinite-scroll-bottom类，这里加上是为了和下面的向上无限滚动区分-->
        <!--<div class="content">
            <div class="infinite-scroll infinite-scroll-bottom" data-distance="50">
                <div class="list-block">
                    <ul class="list-container">
                    </ul>
                </div>
                &lt;!&ndash; 加载提示符 &ndash;&gt;
                <div class="infinite-scroll-preloader">
                    <div class="preloader"></div>
                </div>
            </div>
        </div>-->


        <div class="bar bar-header-secondary">
            <div class="searchbar">
                <a class="searchbar-cancel">取消</a>
                <div class="search-input">
                    <label class="icon icon-search" for="search"></label>
                    <input type="search" id='search' placeholder='按名字查找...'/>
                </div>
            </div>
        </div>

        <div class="content infinite-scroll native-scroll" data-distance="100">
            <!-- 这里是页面内容区列表 -->
            <!--<p class="buttons-row"><a href="#" class="button button-round">工作汇报区</a><a href="#" class="button button-round">工作任务区</a></p>-->
            <p class="buttons-row">
                <a href="{:url('/report')}" class="button button-round report-btn active">工作汇报区</a>
                <a href="{:url('/mission')}" class="button button-round mission-btn">工作任务区</a>
            </p>

            <div class=" bar bar-header-secondary" page="1" style="top: 2.6rem">
                <a href="{:url('report/create')}" class="button button-fill button-success" id="new-report">新建</a>
            </div>
            <div class="list-block" style="margin: 2.75rem 0">
                <ul class="list-container">
                    {volist name="lists" id="vo" empty="暂时没有数据" }
                    <div class="card" data-id="{$vo.id}">
                        <div class="card-header">姓名:{$vo.realname}</div>
                        <div class="card-content">
                            <div class="card-content-inner">{$vo.context}</div>
                        </div>
                        <div class="card-footer">{$vo.create_time}</div>
                    </div>
                    {/volist}

                </ul>
            </div>
            <!-- 加载提示符 -->
            {notempty name="lists"}

            <div class="infinite-scroll-preloader">
                <div class="preloader">
                </div>
            </div>
            <div class="error"></div>

            {/notempty}
        </div>

    </div>
</div>
{include file="/common/footer" /}

<script type='text/javascript' src='__JS__report.js__VERSION__' charset='utf-8'></script>


